<script setup lang="ts">
import Card from "./components/card.vue";
import CardB from "./components/cardB.vue";
import CardC from "./components/cardC.vue";
import { ElementPng } from "@/comm/ElementPng";
import { ref } from "vue";
enum CardType {
    Card,
    CardB,
    CardC
}
const page = ref(CardType.Card);
const down = async function () {
    const img = await ElementPng.getpng(document.querySelector(".j-sharecard")!);
    // console.log("yzt_生成的画布canvas", img.toDataURL());
};
</script>
<template>
    <div class="j-sharecard d-flex flex-column">
        <img class="logo" src="@/assets/logom.png" alt="" />
        <Card v-if="page === CardType.Card"></Card>
        <CardB v-if="page === CardType.CardB"></CardB>
        <CardC v-if="page === CardType.CardC"></CardC>
    </div>
    <!-- <VBtn @click="down">截图</VBtn> -->
</template>

<style scoped lang="less">
@import url("./index.less");
</style>
